import React, { useState } from 'react'
/**
 *  函数组件：如果自身状态state没有变化，只会多渲染一次
 *            外部数据props没变化，如果父组件重新渲染，那么子组件也会重新渲染，不管props是否有变化
 * 
 */
function Son({count}) {
    let [msg, setMsg] = useState('atguigu')
    console.log('Son run')
    return (
        <div>
            <h3>Son</h3>
            <p>props count : {count}</p>
            <p>state msg: {msg}</p>
            <p><button onClick={()=>{
                setMsg('atguigu!')
            }}>msg + '!'</button></p>
        </div>
    )
}

export default React.memo(Son)
